﻿@charset "utf-8";
/* CSS Document */
@font-face {font-family:"思源黑体 CN Regular", "Arial Unicode MS", Arial; font-style: normal}

*{margin:0;padding:0;list-style:none;}
img{border:0;}
body{font-size:14px; background-position:0 0; font-family: 黑体; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; }

h1{ font-size:21px;color:#333; font-weight:bold; text-align:center;padding:10px 0; padding-bottom:15px; margin:0;}


.clear{ clear:both;_overflow:hidden;height:0px;}
img{ border:0px;}
a{ text-decoration:none; color:#333; }
a:hover{color:#004a86;}
div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
em,i{font-style:normal;}
ul,li{list-style:none;}
html{ overflow-x:hidden;}
.tong{width:1200px; margin-left:auto; margin-right:auto; font-family: 黑体;}


/*top*/
.top_lh{display: block;height: 35px;background-color: #322c2a;line-height: 35px;color: #fff;}

.nav_lh{height: 140px;background-color: #fff;position: relative;z-index: 999999}
.logo{ width:230px;margin-top:29px; float:left;}

.menu {width:840px; height:150px;float: left;position: relative;}
.menu>ul { width:900px; display:block;padding-top: 43px}
.menu ul li a, .menu ul li a:visited {display:block;width:110px;text-align:center; font-size: 17px;line-height: 51px; color:#000000;}
.menu ul li a i, .menu ul li a:visited i{display:block;font-size: 12px;font-weight: normal;font-style: normal;}
.menu ul li a:hover {}
.menu ul li {float:left;position:relative;z-index: 100; }
.menu ul li:first-child{border-left:none;}
.menu ul li ul {display: none;width: 120px; }
.menu ul li ul li{}
.menu ul li:hover a {  background:url(../images/menuh.png) no-repeat bottom center; position:relative }
.menu ul li:hover ul {display:block;position:absolute; left:0;background-color:#db2e2e;}
.menu ul li:hover ul li a.hide { color:#FFF;}
.menu ul li:hover ul li {  display:block; color:#fff; width:110px; }
.menu ul li:hover ul li:hover a.hide { color:#FFF;}
.menu ul li:hover ul li ul { display: none;top:0px;}
.menu ul li:hover ul li a { display:block;color:#ffffff;line-height: 40px; background-image:none;font-size:16px;width:120px;}
.menu ul li:hover ul li a:hover {background:#424242;}
.menu ul li ul li ul{display:none}
.menu ul li:hover ul li ul{display:none}
.menu ul li ul li:hover ul{position: absolute;left:120px;display: block}

.dw2{float:right;height: 55px;width:120px;cursor:pointer;position:relative;margin-right: 0;transition:.6s;margin-left: 0;z-index: 1002; margin-top: 50px}
.dw2 .box_table{ width:120px;}
.dw2:after{content:"";width:1px;height: 16px;display:block;position:absolute;background: rgba(255,255,255,.75);right: -1.5rem;top: 50%;margin-top: -20px;}
.dw2.yuyan:before{content:"";width:1px;height:100%;display:block;position:absolute;left:0;top:0;display: none;}
.dw2 .dh{height: 23px;line-height: 23px;text-align:center;font-size: 18px;color:#000000;cursor:pointer;transition:.6s; font-style:normal}
.dw2 .dh img{display:inline-block;margin: -3px 14px 0 0;}
.dw2 .dh span{height: 23px;display: inline-block;}
.dw2 .dd{padding-bottom:10px;padding-top:10px;position:absolute;top:90%;width: 100%;text-align:center;background: #c50101;left: 0;border: 1px solid #c50101;opacity: 0;visibility: hidden;transition: 400ms;transform: translateY(15px);}
.dw2 .dd:before{content:"";display:inline-block;border:8px solid transparent;border-bottom: 8px solid #c50101;position:absolute;top:-16px;left:50%;margin-left:-8px;}
.dw2 .dd a{display:block;text-align:center;line-height:30px;color:#fff;font-size:16px;padding:0 10px;}
.dw2 .dd a:hover{ font-weight:bold; }
.dw2.on .dd{opacity:1; visibility: visible; transform: translate(0);}

/*yuan-banner*/
.yuan-banner{width:100%;margin-left:auto;margin-right:auto; height:600px;z-index:15;}
#full-screen-slider {
	width:100%;
	height:600px;
	float:left;
	position:relative;
	display: block;
	overflow: hidden;
}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative; z-index:15;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; z-index:15;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:500px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#322c2a; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background-color:#db2e2e;}

/*search*/
.search{margin-top:12px}
.searchbox{ height:60px; background: #db2e2e; margin-bottom: 20px; margin-top:20px; display: block; color: #fff;}
.sear_left{float: left; width: 670px; margin-left: 30px; color: #a0c8fa;}
.sear_left b{ font-size:15px;}
.sear_left p{display:block; margin-top: 22px;}
.sear_right{ float: right; width: auto; padding-right: 30px; text-align: right;}
.sear_right b{ display: block; font-family: Arial; font-weight: normal; text-align: right; text-transform: uppercase; line-height: 20px; margin-top: 15px;}
.sear_right i{ display:block; width: 200px; height: 1px; background: #fff; margin-left: 90px; margin-top: 5px; margin-bottom: 10px;}

.search{ width:265px; height:34px; background:none; border:1px solid #fff;}
.search input{ margin:0; color:#fff; line-height:34px;}
.search .keywords{  width:239px; height:34px; border:0; float:left; background:none;}
.search .button{ background:url(../images/search.png) no-repeat left center; width:26px; border:0; float:right;display: block}

/*productbox*/
.productbox{ width:100%; height:500px; padding-bottom:60px;  padding-top:30px;}

.tab { position: relative; width:auto; height: auto; overflow: hidden; }
.tab-nav { margin:0 auto; height:auto; overflow: hidden; text-align:center; margin-bottom:0px; margin-top:50px; width:900px;}
.tab-nav a { margin:0 auto; padding:0; height:32px;line-height:32px;text-align: center;color: #333;  display: block; float: left; margin-bottom: 1px;padding-left: 30px;padding-right: 30px; font-size: 17px;}
.tab-nav a.current {background: #db2e2e; color: #fff;}
.tab-con {position: relative;height:auto; overflow: hidden;}
.tab-con-item {WIDTH: 100%; height:auto; display:none;}



.pro_ul{ height:283px; margin-top:30px;}
.pro_ul ul{}
.pro_ul ul li{ width:370px; height:283px;  margin-right: 25px; margin-bottom: 25px; float:left; display:block;position: relative; overflow:hidden;}
.pro_ul ul li a{ display:block; width:350px; height:263px;border: 10px solid #f2f2f2}
.pro_ul ul li a img{ display:block; width:350px; height:250px; -webkit-transition:0.6s;}

.pro_ul ul li em{width:350px; height:50px; line-height:50px; display: block; color: #333; font-size: 14px;  text-align:center;}
.pro_ul ul li span{ display:block; width:350px; height:263px;overflow:hidden;}

.pro_ul ul li:hover img{
	transform: scale(1.2, 1.2);
    transition: transform 0.6s ease 0s;
}
.pro_ul ul li:hover a{border: 10px solid #db2e2e}


#demo1 {	width: 100%; overflow: hidden}
#indemo1 {width: 800%; float: left}
#prodemo1 {float: left}
#otdemo1 {float: left}
#demo2 {	width: 100%; overflow: hidden}
#indemo2 {width: 800%; float: left}
#prodemo2 {float: left}
#otdemo2 {float: left}
#demo3 {	width: 100%; overflow: hidden}
#indemo3 {width: 800%; float: left}
#prodemo3 {float: left}
#otdemo3 {float: left}
#demo4 {	width: 100%; overflow: hidden}
#indemo4 {width: 800%; float: left}
#prodemo4 {float: left}
#otdemo4 {float: left}
#demo5 {	width: 100%; overflow: hidden}
#indemo5 {width: 800%; float: left}
#prodemo5 {float: left}
#otdemo5 {float: left}

/*application_lh*/
.application_lh{height: 300px;display: block}
.application_lh ul{width: 1200px;display: block}
.application_lh ul li{float: left}
.application_lh ul li a{float: left;display: block;width: 148px;height: 148px;border: 1px solid #fff}
.application_lh ul li i{color: #7c7c7c;padding-top:100px;width: 148px;text-align: center;display: block;font-size: 18px}
.application_lh ul li:hover i{color: #fff}
.application_lh ul li:first-child{width: 148px;height: 148px;display: block; background:url(../images/3c.jpg) no-repeat;}
.application_lh ul li:first-child:hover{width: 148px; background:url(../images/3c2.jpg) no-repeat;}
.application_lh ul li:first-child+li{width: 148px;height: 148px;display: block; background:url(../images/cloth.jpg) no-repeat;}
.application_lh ul li:first-child+li:hover{width: 148px; background:url(../images/cloth2.jpg) no-repeat;}
.application_lh ul li:first-child+li+li{width: 148px;height: 148px;display: block; background:url(../images/packing.jpg) no-repeat;}
.application_lh ul li:first-child+li+li:hover{width: 148px; background:url(../images/packing2.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li{width: 148px;height: 148px;display: block; background:url(../images/cement.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li:hover{width: 148px; background:url(../images/cement2.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li{width: 148px;height: 148px;display: block; background:url(../images/express.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li:hover{width: 148px; background:url(../images/express2.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li+li{width: 148px;height: 148px;display: block; background:url(../images/petroleum.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li+li:hover{width: 148px; background:url(../images/petroleum2.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li+li+li{width: 148px;height: 148px;display: block; background:url(../images/newenergy.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li+li+li:hover{width: 148px; background:url(../images/newenergy2.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li+li+li+li{width: 148px;height: 148px;display: block; background:url(../images/pharmacy.jpg) no-repeat;}
.application_lh ul li:first-child+li+li+li+li+li+li+li:hover{width: 148px; background:url(../images/pharmacy2.jpg) no-repeat;}

/*service*/
.service{height: 720px;display: block}
.service ul{padding-top: 50px}
.service ul li{float: left}
.service ul li:first-child{background:url(../images/service1.png) no-repeat;width: 382px;height:537px;display: block;margin-right: 15px}
.service ul li:first-child+li{background:url(../images/service2.png) no-repeat;width: 382px;height:537px;display: block;margin-right: 15px}
.service ul li:first-child+li+li{background:url(../images/service3.png) no-repeat;width: 382px;height:537px;display: block}
.service ul li:first-child:hover{background:url(../images/service4.png) no-repeat;width: 382px;height:537px;display: block;margin-right: 15px}
.service ul li:first-child+li:hover{background:url(../images/service5.png) no-repeat;width: 382px;height:537px;display: block;margin-right: 15px}
.service ul li:first-child+li+li:hover{background:url(../images/service6.png) no-repeat;width: 382px;height:537px;display: block}
.service ul li a{width: 246px;display: block;padding-left: 75px;padding-top: 260px}
.service ul li a h1{color: #000;width: 246px;font-size: 18px;text-align: left;line-height: 25px;border-bottom: 1px solid #e8e8e8}
.service ul li a p{width: 246px;color: #949494;font-size: 14px;line-height: 22px;padding-top:15px}
.service ul li a i{width: 246px;color: #949494;font-size: 14px;line-height:42px;padding-top:15px;display: block}

/*news*/
.news{height:650px;display: block}
.news img{margin-bottom: 30px}
.news ul{}
.news ul li{background:url(../images/news1.png) no-repeat;width: 592px;height: 250px;float: left;margin-right: 8px;margin-bottom: 8px}
.news ul li:hover{background:url(../images/news2.png) no-repeat;width: 592px;height: 250px;}
.new_left{width:100px;float: left;display: block;text-align: center;margin-left: 30px;margin-top: 0px}
.new_left h1{font-size: 45px;font-weight:normal;color: #fff;margin-top: 90px;line-height: 25px;display: block}
.new_left em{font-size:14px;color: #fff}
.new_right{width: 300px;display: block;float: left;margin-left: 50px;margin-top: 0px}
.new_right i{font-size: 18px;line-height:40px;display: block;padding-top:60px;font-weight: bold;border-bottom: 1px solid #e8e8e8;width: 300px;color: #3a3a3a}
.new_right p{line-height: 22px;display: block;padding-top: 10px;color:#949494 }

/*aboutus*/
.aboutus{background:url(../images/aboutus.jpg) no-repeat;height:1300px;display: block;position: relative}
.aboutus li{background:url(../images/aboutus2.png) no-repeat;height: 283px;top:220px;display: block;width: 1200px;position: absolute;z-index: 9999999;color: #fff;text-align: center;padding-top:160px;font-size: 14px;letter-spacing:10px}
.aboutus p{font-size: 16px;color: #000;line-height: 30px;padding-top:550px} 
.aboutus a{line-height: 50px;display: block;font-size: 16px}
.aboutus a:hover{border-bottom: 1px solid #ed1c1c;width:130px;color: #ed1c1c}

/*friendlink*/
.friendlink{ height:130px;background-color: #747474;}
.link_tgb { line-height:36px; margin:0px auto; height:36px; padding-top:35px}
.link_tgb a{ padding-right:10px; float: right; color:#fff;}
.link_tgb span {padding-left:18px; font-size:12px; }
.link_tgb .t1 {color:#000; cursor:pointer; background:#fff; padding:8px 30px;}
.link_tgb .t2 {color:#fff; cursor: pointer; padding:8px 30px; background:#ed1c1c;}
.links {  margin:0px auto; padding:5px 10px; height:auto; overflow:hidden;  line-height:40px; border-top:1px solid #fff;color:#fff}
.links a {padding:0 10px; color:#fff;}
.links .hidden { display:none;}

/*footer*/
footer{height:80px;display: block;background-color: #747474}
footer p{color: #fff;line-height:50px;border-bottom: 1px dotted #fff}
.copyright{color: #fff;line-height: 30px}
.copyright i{float: left;color: #fff}
.copyright a{color: #fff;margin-right: 10px;margin-left: 10px}






/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#db2e2e url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#db2e2e url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#db2e2e url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#db2e2e url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_ercode img{ width:100px; height:100px; padding:10px; background:#fff;}
.hd_qr{ margin-left:30px; margin-top:8px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

.yb_bar .yb_top:hover{background:#272727 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone:hover{background:#272727 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ:hover{text-indent:0;background:#272727 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode:hover{background:#272727 url(../images/fixCont.png) no-repeat 0 -169px;}


/*选项卡*/
.warpbox{float: left;margin-top: 30px}
.tabCon img{width: 50%}
.table_card { width:100%; margin:0 auto;margin-top: 20px}
.table_card .tab { height:37px; font-size:14px; border-bottom:1px #e1e1e1 solid}
.table_card .tab li { float:left; height:36px; line-height:36px; padding:0 25px; margin-right:5px; background:#f0f0f0; border-top:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;font-family: 黑体; font-size: 15px;}
.table_card .tab li:hover { height:37px; background:#fff; color:#333; cursor:pointer}
.table_card .activ { height:37px !important; background:#fff !important; color:#333}
.table_card .tabCon { background:#fff; padding:15px; border-bottom:1px #e1e1e1 solid; border-left:1px #e1e1e1 solid; border-right:1px #e1e1e1 solid;}
.table_card .tabCon div { display:none}
.table_card .tabCon .on { display:block}

.newslist01 { font-size:14px; }
.newslist01 li { line-height:36px;}
.newslist01 li .ding { color:#F30; margin-left:5px}
.newslist01 li .time { float:right; font-size:12px; color:#888}




/*内页*/
.content{ width:1200px; margin:0 auto; padding:0; line-height:22px; padding:12px 0; height:auto; height:1%; overflow:hidden; color:#666d75; font-family:Arial, Helvetica, sans-serif; font-family: 黑体;}

.nbanner{ width:100%; height:400px;background:url(../images/nbanner.jpg) no-repeat; z-index:-915; position:relative;}

.maintopbg{ margin:0 auto; padding:0; width:1200px;}
.maintop{ margin:0 auto; padding:0; width:1200px; height:150px; margin-top:-50px;}
.main{ margin:0 auto; padding:0; width:1200px; height:auto; overflow:hidden; margin-top:20px; margin-bottom:50px;}

.mainss{ width:100%; height:auto; background:#f4f4f4; padding-bottom:50px; padding-top:30px;}


.titlebg{ margin:0; padding:0; width:100%; height:53px; background:#f5f5f5; border-bottom:1px solid #e4e4e4;}
.title{ width:1200px; height:53px; padding:0px; margin:0 auto;}

.location{ width:auto;  height:53px; line-height:53px; text-align:left; float:left; color:#3f3f3f; font-size:14px; background:url(../images/home.png) no-repeat left center; padding-left:25px; }
.location a{ color:#3f3f3f;}
.location a:hover{ color:#db2e2e; text-decoration:none;}


.toplist { width:auto; height:53px; padding:0px; margin:0px; float:right;}
.toplist dl{ margin:0; padding:0; list-style:none;}
.toplist dl dt{ height:53px; line-height:53px; float:left; background:url(../images/menuline.gif) no-repeat right center;}
.toplist dl dt a{ display:block;line-height:53px; color:#444; font-family: 黑体;font-size:14px; text-align:center;padding-left: 10px;padding-right: 10px}
.toplist dl dt a:hover{background:#db2e2e; color:#fff;}

.toplist dl dt.current{background:#db2e2e;}
.toplist dl dt.current a{ color:#FFF}



.inewboxs{ margin:0 auto; padding:0; width:100%; height:auto; font-family:Arial, Helvetica, sans-serif;font-family: 黑体;}
.inewboxs dl{width:100%; height:100px; margin:40px 0px 15px 0;}
.inewboxs dl dt{display:block; width:120px; height:100px; background:#f3f3f3; float:left; font-size:12px; color:#999; line-height:40px; text-align:center; font-family: Arial, Helvetica, sans-serif;}
.inewboxs dl dt em{display:block; height:60px; line-height:60px; font-size:35px; color:#fff; background:#db2e2e; font-family: baskerville, georgia, arial, serif;}
.inewboxs dl dd{display:block; height:100px; line-height:24px; margin-left:150px; color:#888; border-bottom:1px dashed #ddd;}
.inewboxs dl dd a{font-size:17px; color:#333; font-weight:bold; display:block; margin-bottom:10px}
.inewboxs dl dd a:hover{ color:#db2e2e;}

/*分页*/
.page {text-align:center; margin:0px auto; padding:0px; width:auto; padding-right: 7px; height: 35px; padding-top: 50px; }
.page a{ border:1px solid #ccc; color: #555; height:26px; line-height:26px; padding:6px 8px;margin:0 2px; text-decoration:none; }
.page a:hover {background:#333; color: #fff; height:26px; line-height:26px; padding:6px 8px;margin:0 2px;text-decoration:none;}
.page span{ display:inline; background: #333; color: #d1d1d1; font-size:12px;height:26px; line-height:26px; padding:6px 6px;margin:0px 5px; }


/*上一篇 下一篇*/
.next {text-align:right; margin:0px auto; padding:8px 0px; height: 32px; line-height:32px;}
.next a{height:32px; line-height:32px; text-decoration:none; color:#333;}
.next a:hover{ text-decoration:none; color:#db2e2e;}

.ih6{ text-align:right; margin:0; padding:5px 0;}

/*网站地图*/
.sitemap{ height:38px; line-height:38px;width:100%; float:left; padding:0px; margin:0px auto; margin-bottom:10px; background: #f4f4f4; margin-top:20px; font-family: 黑体;}
.sitemap span{ width:170px; height:38px; line-height:38px; font-size:15px; color:#fff; text-align:left;float:left; background: #db2e2e; padding-left:15px;}
.sitemap span b{color:#fff; font-size:12px;text-transform:uppercase}
.sitemap p{ color:#333;}

/**ieve**/
.ieves{margin:0px;  padding:0; width:100%;  height:auto; overflow:hidden;}
.ieves ul{margin:0;padding:0px;text-align:left; }
.ieves li{line-height:32px; height:32px;  overflow:hidden; border-bottom:1px dashed #d2d1d1; background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}
.ieves li span{text-align:right; float:right; color:#727272; font-size:12px;}
.ieves li a{float:left; text-align:left;line-height:32px; height:32px; text-decoration:none; color:#444;}
.ieves li a:hover{ color:#004b88;}

*html .ieves li{line-height:26px; height:26px;  overflow:hidden; border-bottom:1px dashed #d2d1d1;background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}/**ie6下的兼容性**/
*html .ieves li a{float:left; text-align:left;line-height:26px; height:26px; text-decoration:none; color:#555;}
/**ie6下的兼容性**/
*+html .ieves li{line-height:26px; height:26px;  overflow:hidden; border-bottom:1px dashed #d2d1d1;background:url(../images/inewli.gif) no-repeat left center; padding-left:10px;}/**ie7下的兼容性**/
*+html .ieves li a{float:left; text-align:left;line-height:26px; height:26px; text-decoration:none; color:#555;}
/**ie7下的兼容性**/


.picScroll{ width:100%; height:auto; }
.picScroll dl{ width:261px; height:377px; border:2px solid #efefef; background:#efefef; margin:20px 35px 30px 0; float:left;}
.picScroll dl dt{ width:261px; height:308px;}
.picScroll dl dt img{ width:225px; height:272px; padding:18px;}
.picScroll dl dd{ width:261px; height:69px; line-height:22px; text-align:center;}
.picScroll dl dd a{ color:#282828;}
.picScroll dl dd a b{ display:block;}
.picScroll dl:hover{ border:2px solid #a26431;}


.main-content{ width:1200px;background:url(../images/kf.png) no-repeat left center; margin-bottom: 50px;}
.mess{ text-align:left; color:#777; font-size:14px; margin-bottom:20px;  }
.mess b{ color:#333333; font-size:18px;}
.main-content  table{  margin-bottom:15px; font-size:14px; }
.main-content .input{ border:1px solid #ccc; padding:8px 0px; background-color:#ffffff; }
.main-content textarea{ margin:0; padding:0;background:#f9f9f9; border:1px solid #ccc;}
.submit2{background-color:#db2e2e;color:#FFF;width:120px;height:40px;line-height:40px;border:0;margin-right:30px;}
.reset2{background-color:#222;color:#FFF;width:120px;height:40px;line-height:40px;border:0;}
.contact-left  p{ line-height:24px;}
.contact-left2{width:650px; float:left;margin-left:50px; color:#333333; line-height:30px; font-size:14px;}
.mess2{ text-align:left; color:#777; font-size:14px;  margin-bottom:20px;   }
.mess2 b{ color: #333333;font-size: 18px;text-transform: uppercase;}


.relation{line-height:20px;margin-bottom:10px; color:#999;}
.relation a{line-height:30px; display:block;}

.relation span{
	line-height: 30px;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	border-bottom-color: #666;
	margin-bottom: 10px;
	
}
.relation span em{
	background-color: #666;
	display: block;
	width: 85px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}
/*relation*/
.relation{line-height:20px;margin-bottom:10px; color:#999;font-family: 黑体;}
.relation a{line-height:30px; display:block;}

.relation span{
	line-height: 30px;
	height: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	display: block;
	border-bottom-color: #666;
	margin-bottom: 10px;
	
}
.relation span em{
	background-color: #666;
	display: block;
	width: 85px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
border-radius:5px 5px 0px 0px;}
.relation span em a{ color:#ffffff;}

.picbox{ margin:0 auto; padding:0;}
.picbox img{ margin:0 auto; width:auto; height:auto; display:block;}
.description{ text-align:center;}





.proleft{ float:left; width:600px;}
.proleft img{ float:left; width:600px;height: 400px}

.pro_ri{ float:left; width:510px; height:400px; background:#f8f8f8; padding-left: 20px;padding-right: 20px; font-family: 黑体; }
.pro_ri h5{ font-size:25px; color:#555; line-height:100px;}
.pro_ri .pro_des{ width:100%; border-top:1px dashed #ddd;  height:258px; overflow:hidden; padding-top:20px; font-size: 16px;}



.fang_honorlist{ margin-top:30px;}

.honorlist {width:1200px; overflow:hidden; text-align:center; line-height:30px;}
.honorlist li{float:left; margin:0 20px 0 0; display:inline; overflow:hidden; position:relative;margin-bottom:15px;background-image:url(../images/list_bg.png); background-repeat:no-repeat; background-position:center 188px; }
.honorlist li .imgs{ width:285px; height:214px;  }
.honorlist li .imgs img{ width:285px; height:214px; display:block;}
.tit{font-size:14px; line-height:30px; display:block;}
.honorlist li:first-child+li+li+li{ margin-right:0;}

.honorlist li:first-child+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}
.honorlist li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{ margin-right:0;}

